<?php
if(!isset($GLOBALS['_vars'])) $GLOBALS['_vars'] = array(); 
$fields = array();
?><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>爱尔启明星-网上申请</title>
<script language="javascript" src="/js/qmxfrom.js"></script>
<link href="/css/public.css" type="text/css" rel="stylesheet">
<link href="/css/csspub.css" type="text/css" rel="stylesheet">
<link href="templets/style/member.css" rel="stylesheet" type="text/css">
<link href="/hyxt/pc/css/member.css" rel="stylesheet" type="text/css">
<script language="javascript" src="js/jquery-1.7.1.min.js"></script>
<script language="javascript" src="/js/left-fixed.js"></script>
<link rel="stylesheet" type="text/css" href="css/reveal.css">
<script language="javascript" src="js/jquery.reveal.js"></script>
<script type="text/javascript" src="templets/js/j.js"></script>
<link href="/css/qmximg.css" type="text/css" rel="stylesheet">
<script type="text/javascript" >
  function tj(){
	  alert("请首先填写姓名保存第一步");
	  window.scrollTo(10,100); 
       return false;
  }
 </script>
<style type="text/css">
.banner{width:100%;height:260px; overflow:hidden}
.banner img{width:100%;height:400px;}
 .main-inner2{width:1100px;margin:0 auto;position:relative;}
.nav2{height:61px;background:#f6f6f6;width:100%;overflow:inherit;}
.nav2 ul{height:60px;float:left;}
.nav2 ul li{float:left;margin-right:31px;height:61px;}
.nav2 ul li a{color:#333;display:block;line-height:61px;}
.nav2 ul li a:hover{line-height:55px;margin-top:3px;border-bottom:3px solid #d61f26;color:#d61f26;}
.nav2 ul li .nav2-on{line-height:55px;margin-top:3px;border-bottom:3px solid #d61f26;color:#d61f26;}
.position{float:right;}
.position p{line-height:61px;}
.position p img{margin-top:24px;width:17px;height:17px;float:left;padding-right:4px;}
.position p a{margin:0 2px;color:#666;line-height:61px;display:inline-block;}
.images-box{width:159px;height:159px;position:absolute;top:-88px;left:0;}
.images-box .images{width:159px;height:159px;position:relative;display: inline-block;
	background:url(/images/img_01.png) center center no-repeat;}
.images .pic{position: absolute;right: 0px;top: 0px;opacity: 0; -ms-filter: 'alpha(opacity=0)';width:159px;height:159px;cursor:pointer;
	}
.main-nav ul li .on{
	width:auto;
	height:auto;
	margin:0;
	}
#hrimg-error, #jhrsqz1-error, #jhrsfz2-error, #jhrhkzy-error, #jhrhkb-error, #hrsfz-error{
	position:absolute;
	top:0;
	left:90px;
	}
.img-yl{padding-bottom:0; line-height:28px;}
.wxts{color:red;}
    </style>
<script type="text/javascript" src="/hyxt/pc/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/js/validate-1.14.0.min.js"></script>
<script type="text/javascript" src="/js/qmx.js"></script>
<script type="text/javascript" src="/js/a.js" charset="utf-8" ></script>
 </head>
<body>
 <div class="banner" style="background:url(http://ae.365sales.cn/new-style20211021/items/images/aeqmx.jpg) center center no-repeat;"></div>
<div class="main-inner nav2">
	<div class="main-inner2">
    	<ul>
           <li><a href="http://ae.365sales.cn/php/list.php?tid=189">项目首页</a></li>
          <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section2">项目介绍</a></li>
          <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section3">项目动态</a></li>
          <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section4">合作单位</a></li>
          <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section5">特邀专家</a></li>
      <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section6">活动集锦</a></li>
      <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section7">救助申请</a></li>
      <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section8">救助公示</a></li>
        </ul>
    	<div class="position"><p> <script type="text/javascript">
           	var now=(new Date()).getHours();
			if(now>0&&now<=6){
				document.write("午夜好，");
			}
			else if(now>6&&now<=9){
				document.write("早上好，");
			}
			else if(now>9&&now<=11){
				document.write("上午好，");
			}else if(now>11&&now<=14){
				document.write("中午好，");
			}else if(now>14&&now<=18){
				document.write("下午好，");
			}else{
				document.write("晚上好，");
			}
			</script>
       <a href="#" class="userName"><?php echo $cfg_ml->M_UserName?></a> <a href="../member/index_do_qmx.php?fmdo=login&dopost=exit#">[退出]</a> </p></div>
        <div style="clear:both;"></div>
        </div>
	</div>
<div class="main member-main">
<div class="main-inner">
	<div class="main-nav">
    	<ul>
        	<div class="images-box">
        	<div class="images">
<a href="#" data-reveal-id="myModal2" data-animation="none" >
 <?php 
 $face = $cfg_ml->fields['face'];
     if($face!=''){ echo "<img   src='$face' style='_margin-top:expression(( 180 - this.height ) / 2);cursor:pointer'  />\r\n";
	 }
  else echo "<img   src='/hyxt/pc/images/img_01.png' style='_margin-top:expression(( 180 - this.height ) / 2);cursor:pointer'   />\r\n";	
       			?>   </a>           </div>
            </div>
        	<li><a href="index_qmxsq.php"  target="_self"  class="on">网上申请</a></li>
        	<li><a href="content_list_qmx.php?channelid=35"  target="_self" class="" >信息管理</a></li>
        	<li><a href="zhuangtai_list_qmx.php?channelid=35"  target="_self"  class="" >状态查询</a></li>
        	<li><a href="edit_baseinfo_qmx.php"  target="_self"  class="" >帐号信息</a></li>
        </ul>
    </div>
    <div class="main-body">
<!-- <img src="/images/pcbuzhou.png"/> -->
<link rel="stylesheet" type="text/css" href="/hyxt/model-head20211227/css/jz.css"/>
		<div class="buzhou">
			<h1>网上申请<span id="title-3">3</span>步骤</h1>
			<ul>
				<li>
					<img src="/hyxt/model-head20211227/images/buzhou1.png" alt="步骤1">
					<p>在“网上申请”页面分布填写信息并保存，可以对已填写信息进行修改，缺少的信息进行补填。</p>
				</li>
				<li>
					<img src="/hyxt/model-head20211227/images/buzhou2.png" alt="步骤2">
					<p>申请表填写完成，确认没问题后，在“信息管理”页点击“提交”按钮提交申请。<span id="zhu">注：申请表提交后则不可以对信息进行任何修改。</span></p>
				</li>
				<li>
					<img src="/hyxt/model-head20211227/images/buzhou3.png" alt="步骤4">
					<p>由工作人员审核筛查申请信息，最终审核结果会在“状态查询”页显示。</p>
				</li>
			</ul>
		</div>
		<div style="clear: both;"></div>
        <div class="main-form">
        	<p>患儿基本信息</p>
 <form class="jbxx" name="addcontent" action="qmxdb_add.php" method="post" enctype="multipart/form-data" onSubmit="return checkSubmit();" id="xrkform1">
    <input type="hidden" name="sn_type_ac" value="a">
    <input type="hidden" name="sn_qmx_jz" value="启明星">

          <input type="hidden" name="dopost" value="save" />
          <input type="hidden" name="channelid" value="35" />
		      <input type='hidden' name='step' value='1' />
    <input type='hidden' name='dede_addonfields' value="nianling,int;quyu,text;shenqingshijian,datetime;zhuangtai,radio;zizhujine,float;zizhuleixing,radio;xingbie,radio;chushengriqi,datetime;minzu,text;huanerno,text;hukou,radio;hujizhuzhi,text;jiatingzhuzhi,text;jianhurenname,text;guanxi,text;jianhurenlianxi,text;jianhurenlianxi2,text;jianhurenshno,text;jinjirenname1,text;jinjiren1guanxi,text;jinjiren1lianxi,text;jinjiren2,text;jinji2guanxi,text;jinji2lianxi,text;shebao,radio;jieshoujiuzhu,radio;shouzhuriqi,datetime;zizhujigou,text;zizhujineaier,float;jiazongshouru,radio;jiarenjunshouru,radio;jiarenkou,text;jialaodongli,text;duoxuan,checkbox;danganno,text;dibaono,text;junlieshuno,text;fulijigou,text;shenqingshuoming,htmltext;juweihui,htmltext;xiangzhen,htmltext;quezheng,text;fabingshijian,datetime;quezhengshijian,datetime;quezhengyiyuan,text;cengyiyuan1,text;zhiliao1,datetime;cengyiyuan2,text;zhiliao2,datetime;cengyiyuan3,text;cengriqi3,datetime;xunlianleibie,radio;jigoushijian,datetime;kangfu1shijian,datetime;kangfujigou1,text;kangfushijian2,datetime;kangfujigou2,text;kangfushijian3,datetime;kangfujigou3,text;qitajibing,radio;jianshu,htmltext;jianhurenqianzi,text;kfjs1,datetime;kfjs2,datetime;kfjs3,datetime;yyyj,htmltext;aieryijian,htmltext;beizhu,htmltext;liyou,htmltext;num,int;hrimg,imgfile;jhrsqz1,imgfile;jhrsfz2,imgfile;jhrhkzy,imgfile;jhrhkb,imgfile;hrsfz,imgfile;jtqkzm,imgfile;sqly,htmltext;tijiao,int;test,radio;shztime,datetime;shjgtime,datetime;zzztime,datetime;yzztime,datetime;clbctime,datetime;dsctime,datetime;dibaoimg,imgfile;junlieshuimg,imgfile;qitaimg,imgfile;shoushufei,float;kangfufei,float;ercishoushufei,float;sn_type_ac,text;sn_canji_img,imgfile;sn_zhenduan_img,imgfile;sn_shoushu_time,datetime;sn_shoushu_yiyuan,text;sn_shoushu_buwei,text;sn_kangfu_long,text;sn_canji_rad,radio;sn_bank_id,text;sn_bank_name,text;sn_bank_hang,text;jinjiren1lianxi2,text;jinji2lianxi2,text;quezhengnianling,text;sn_qmx_jz,text;title2,text;chushengriqi2,datetime;xingbie2,radio;quezhengnianling2,text;huanerno2,text;sn_canji_rad2,radio;kangfuname,text;kangfuname2,text">
<input type="hidden" name="dede_fieldshash" value="98cc0a2a68a8d54d8a545d7be4e98cb9" /> 		 <p style="display:none">
<?php
			$nowtime = GetDateTimeMk(time());
			echo "<input name=\"shenqingshijian\" value=\"$nowtime\" type=\"hidden\" id=\"shenqingshijian\" >";
			?>   
            <select name='typeid' size='1'>
<option value='64' class='option3' selected=''>─爱尔启明星计划</option>
</select></p>              		<ul>
                    <li>
                        <span>姓名：</span>
                        <input type="text" class="name" name="title"   id="title">
                    </li>
                     <li>
                        <span>出生日期：</span>
                        <input name="chushengriqi" value="" type="text" id="chushengriqi" class="name"   placeholder="请选择日期"/>
                    </li>
                     <li>
                        <span>性别：</span>
                        <input type='radio' name='xingbie' class='np xxlx' id='man' value='男'>男
<input type='radio' name='xingbie' id='woman' class='np xxlx' value='女' required>女<b></b>
                    </li>

                    <li>
                        <span>民族：</span>
                        <input type="text" class="name"   name='jianhurenqianzi' id='jianhurenqianzi'>
                    </li>
                    <li>
                        <span>确诊年龄：</span>
                        <input type="text" class="name"    name='quezhengnianling' id="quezhengnianling" >
                    </li>
                    <li>
                        <span>是否有残疾证：</span>
                        <input type='radio' name='sn_canji_rad' class='np xxlx' id='man' value='是'>是
<input type='radio' name='sn_canji_rad' id='woman' class='np xxlx' value='否' required>否<b></b>
                    </li>
                    <li class="address">
                        <span>身份证号：</span>
                        <input type="text" class="name family"   name='huanerno' id='huanerno'>
                    </li>
                     
                   
                    
                   
                    
                    <li class="address">
                        <span>家庭住址：</span>
                        <input type="text" class="name family"   name='hujizhuzhi' id='jiguan'>
                    </li>

 <li class="address">
                        <span>银行卡账号 （限患儿直系亲属）：</span>
                        <input type="text" class="name"   name='sn_bank_id' id='sn_bank_id'>
</li>

<li>
                        <span>开户名：</span>
                        <input type="text" class="name"   name='sn_bank_name' id='sn_bank_name'>
</li>


 <li class="address">
                        <span>开户行：</span>
                        <input type="text" class="name family"   name='sn_bank_hang' id='sn_bank_hang'>
                    </li>



                   <!--  <li>
                        <span>户口类型：</span>
                        <input type='radio' name='hukou' class='np xxlx' value='城镇居民'>城镇居民
<input type='radio' name='hukou' class='np xxlx' value='农村' required >农村
<input type='radio' name='hukou' class='np xxlx' value='其他' required >其他<b></b>
                    </li> -->
                    <li class="address">
                        <span>监护人姓名：</span>
                  <input type="text"   name='jianhurenname' id='jianhurenname'   value=""  class="name">
                    </li>
                     <li>
                        <span>与患儿关系：</span>
                  <input type="text"   name='guanxi' id='guanxi'  value=""  class="name">
                    </li>
                    <li class="address">
                        <span>监护人身份证号：</span>
                  <input type="text"  name='jianhurenshno' id='jianhurenshno'   value=""  class="family">
                    </li>
				   <li>
                        <span>联系方式1：</span>
                  <input type="text"    name='jianhurenlianxi' id='jianhurenlianxi'  value=""  class="name">
                    </li>
				     
				   <!-- <li>
                        <span>联系方式2：</span>
                  <input type="text"   name='jianhurenlianxi2' id='jianhurenlianxi2'    value=""  class="name">
                    </li> -->
					   <li class="address">
                        <span>紧急联系人1：</span>
                  <input type="text"    name='jinjirenname1' id='jinjirenname1'    value=""  class="name">
                    </li>
                     <li>
                        <span>与患儿关系：</span>
                  <input type="text"    name='jinjiren1guanxi' id='jinjiren1guanxi' value=""  class="name">
                    </li>
				   <li class="address">
                        <span>联系方式：</span>
                  <input type="text"   name='jinjiren1lianxi' id='jinjiren1lianxi'  value=""  class="name">
                    </li>
            <li>
                        <span>联系方式2：</span>
                  <input type="text"   name='jinjiren1lianxi2' id='jinjiren1lianxi2'  value=""  class="name">
                    </li>
            
					 <li class="address">
                        <span>紧急联系人2：</span>
                  <input type="text"    name='jinjiren2' id='jinjiren2'   value=""  class="name">
                    </li>
                     <li>
                        <span>与患儿关系：</span>
                  <input type="text"   name='jinji2guanxi' id='jinji2guanxi'  value=""  class="name">
                    </li>
				   <li class="address">
                        <span>联系方式：</span>
                  <input type="text"  name='jinji2lianxi' id='jinji2lianxi'   value=""  class="name">
                    </li>
 <li>
                        <span>联系方式2：</span>
                  <input type="text"  name='jinji2lianxi2' id='jinji2lianxi2'   value=""  class="name">
                    </li>
<li style="width: 100%;height: auto;"><span>康复情况</span></li>

<li>
                        <span>曾康复机构：</span>
                  <input type="text"  name='kangfujigou1' id='kangfujigou1'   value=""  class="name" >
                    </li>
<li style="width: 580px;">
                        <span>康复时间：</span>
                        自：
                  <input type="text"  name='kangfu1shijian' id='kangfu1shijian'   value=""  class="name" style="width: 240px;">
                  至：
                   <input type="text"  name='kfjs1' id='kfjs1'   value=""  class="name" style="width: 240px;">
                    </li>



<br style="clear:both" />
					 <li style="width: 100%; height:100%;">
                        <span>救助申请说明（详细说明家庭真实情况、申请理由等）:</span>
   <!--                      <input type='radio' name='qitajibing' class='np xxlx' value='否'  >否
<input type='radio' name='qitajibing' class='np xxlx' value='是'   >是 （如果有，请在下面添加详情介绍）<br/> -->
	   <textarea name="jianshu" rows="8" cols="60" style="width:875px;" placeholder=""></textarea>
<script type="text/javascript">//<![CDATA[
CKEDITOR.replace('jianshu', {"extraPlugins":"dedepage,multipic,addon","toolbar":[["Cut","Copy","Paste","PasteText","PasteFromWord","-"],["Undo","Redo","-"],["Bold","Italic","Underline","Strike"],["Image"],["JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock"],["Format","Font","FontSize"]],"height":200,"skin":"kama"});
//]]></script>
                    </li>	

					 <!-- <li style="width:100%;height:100%;">
                        <span>是否参加社会医疗保障：</span>
                  <input type='radio' name='shebao' class='np xxlx' value='城镇居民基本医疗'>城镇居民基本医疗
<input type='radio' name='shebao' class='np xxlx' value='新农合' required >新农合
<input type='radio' name='shebao' class='np xxlx' value='无医疗保障' required >无医疗保障
<input type='radio' name='shebao' class='np xxlx' value='其他' required >其他<b></b>
                    </li> -->
					<!--  <li style="width:100%;height:100%;">
                        <span>是否接受过其他社会援助：</span>
                <div class="shyz"><input type='radio' name='jieshoujiuzhu' class='np xxlx' value='是'>是
                --受资助日期：<input name="shouzhuriqi" value=""  type="text" id="shouzhuriqi" style="width:80px" class="intxt"  placeholder="请选择日期"  />
				&nbsp; &nbsp; &nbsp;&nbsp;资助机构/个人名称：<input type='text' name='zizhujigou' id='zizhujigou' style='width:100px'  class='intxt' value=""  />&nbsp; &nbsp; &nbsp; &nbsp;资助金额：<input type='text' name='zizhujineaier' id='zizhujineaier' style='width:80px'  class='intxt' value=""   />(万元)</div>
                <input type='radio' name='jieshoujiuzhu' class='np xxlx' value='否' required >否
<div style="clear:both;"></div>
                    </li>	 -->				
                    <div style="clear:both;"></div>
            		</ul>
                    <div class="button-btn">
                    	<button class="qx" type="reset">取消</button>
                    	<button class="ok" name="submit1" id="submit1" type="submit" onClick="createRandomId()">保存</button>
                    </div>
                    <div style="clear:both;"></div>
                </form>
        </div>
	
	 	
	       <div class="main-form main-tpsc">
        	<p>图片上传</p>
            <a class="img-yl" href="#" data-reveal-id="myModal3" data-animation="none">*****上传图片前请点击此处查看图片示例*****</a>
            <!-- <div class="wxts">温馨提示：如果既不是建档立卡贫困户又没低保证，如有村委会和镇政府同时出具的贫困证明材料（加盖公章），同样符合申请条件。</div> -->
  <form class="jbxx" name="form2" action="" method="post" enctype="multipart/form-data" onSubmit="return checkSubmit();">
          <input type="hidden" name="dopost" value="save" />
          <input type="hidden" name="channelid" value="35" />
		      <input type='hidden' name='step' value='4' />
<input type='hidden' name='dede_addonfields' value="hrimg,file;jhrsqz1,file;jhrsfz2,file;jhrhkzy,file;jhrhkb,file;hrsfz,file;jtqkzm,file;dibaoimg,file;junlieshuimg,file;qitaimg,file;dibaoimg,file;junlieshuimg,file;qitaimg,file;">
<input type="hidden" name="dede_fieldshash" value="ecb7a2fcae3e38a8c9c721cf0b4ecad5" />  
		 <p style="display:none">
            <select name='typeid' size='1'>
<option value='64' class='option3' selected=''>─爱尔启明星计划</option>
</select></p>  
                    <ul>
                    <li> 
                        <span><b style="color:#FF0000">患儿照片（请上传患儿正面全身照） *</b>：</span>
            			<div class="on">
                        	<div class="xian"></div>
                 			<div class="chahao"></div>
                        </div> 
                       	<div class="addhao">
                        	<a class="xzbtn">选择文件</a>
               				<input type="file"  name='hrimg' id='hrimg'  class="fileinput">
            			</div>
                    </li>
                     <li>
                        <span>患儿身份证\户口本\出生证<b style="color:#FF0000"> *</b>：</span>
            			<div class="on">
                        	<div class="xian"></div>
                 			<div class="chahao"></div>
                        </div> 
                       	<div class="addhao">
                        	<a class="xzbtn">选择文件</a>
               <input type="file"  name='hrsfz' id='hrsfz'  class="fileinput">
                        </div>
                    </li>
                     <li>
                        <span>患儿残疾证(如果有，请提供)：</span>
                        <div class="on">
                            <div class="xian"></div>
                            <div class="chahao"></div>
                        </div> 
                        <div class="addhao">
                            <a class="xzbtn">选择文件</a>
               <input type="file"  name='sn_canji_img' id='sn_canji_img'   class="fileinput">
                        </div>
                    </li>
                    <li> 
                        <span>法定监护人身份证(正面)<b style="color:#FF0000"> *</b>：</span>
            			<div class="on">
                        	<div class="xian"></div>
                 			<div class="chahao"></div>
                        </div> 
                       	<div class="addhao">
                        	<a class="xzbtn">选择文件</a>
               <input type="file"  name='jhrsqz1' id='jhrsqz1'   class="fileinput">
            			</div>
                    </li> 
					 <li>
                        <span>法定监护人身份证(背面)<b style="color:#FF0000"> *</b>：</span>
            			<div class="on">
                        	<div class="xian"></div>
                 			<div class="chahao"></div>
                        </div> 
                       	<div class="addhao">
                        	<a class="xzbtn">选择文件</a>
               <input type="file"  name='jhrsfz2' id='jhrsfz2'    class="fileinput">
                        </div>
                    </li>
					
					 <li>
                        <span>法定监护人户口本(本人页)<b style="color:#FF0000"> *</b>：</span>
            			<div class="on">
                        	<div class="xian"></div>
                 			<div class="chahao"></div>
                        </div> 
                       	<div class="addhao">
                        	<a class="xzbtn">选择文件</a>
               <input type="file"  name='jhrhkb' id='jhrhkb'   class="fileinput">
            			</div>
                    </li>
					
                     
					 
                    
                   
                    <li>
                        <span>患儿诊断证明原件（二级甲等医院及以上：</span>
                        <div class="on">
                            <div class="xian"></div>
                            <div class="chahao"></div>
                        </div> 
                        <div class="addhao">
                            <a class="xzbtn">选择文件</a>
               <input type="file"  name='sn_zhenduan_img' id='sn_zhenduan_img'   class="fileinput">
                        </div>
                    </li>
					</ul>
					<div style="clear:both;"></div><div style="clear:both;"></div><div style="clear:both;"></div>
					<ul>
					<li style=" width:100%"><b>备注：</b>请上传能够证明家庭经济状况的证明原件，如：低保证、村（居）委会和街道办（乡镇）出具的证明等。</li>
            		</ul> <div class="button-btn">
                    	<button class="qx" type="reset">取消</button>
                    	<button class="ok"  type="button"   onclick="tj();">保存</button>
                    </div>
                    <div style="clear:both;"></div>
                </form>
        </div>		
      
        <!--<button class="tj">保存</button>-->      </form>
    </div>
</div>
</div> <div style="clear:both"></div><div style="clear:both"></div><div style="clear:both"></div><div style="clear:both"></div>
 <script type="text/javascript">
$(".main-form p").click(function(){
		$(this).next("form").slideToggle(300).siblings("form").slideUp(300);
	})
$(".main-nav ul li a").click(function(){
	$('.main-nav ul li a').removeClass('on')
	 $(this).addClass('on')
	})
</script>
<!--弹窗开始-->
<div id="myModal2" class="reveal-modal">
 <form action="edit_face.php" method="post" enctype="multipart/form-data" name="form2">
    <input type="hidden" name="dopost" value="save" />
      <div id="mainCp">
       <h3 class="bt">用户头像</h3>
        <div class="postForm">
            <input name="face" type="file" id="face" size="45" />
         </div>
          <div style="clear:both;"></div>
          <p>
            <button class="export" type="submit">&nbsp;&nbsp;&nbsp;&nbsp;更&nbsp;&nbsp;新&nbsp;&nbsp;&nbsp;&nbsp;</button>
          </p>
    </div>
</form> 
</div>
<!--弹窗结束-->
<!--图片上传样例-->
<div id="myModal3" class="reveal-modal reveal-modal-imgyl">
 <div class="yl-pic">
 	<ul>
    	<li>正确样例<br><div><img src="/images/yl2.png" alt="正确样例"></div></li>
    	<li>错误样例<br><div><img src="/images/yl1.png" alt="错误样例"></div></li>
        <div style="clear:both;"></div>
        <span style="color:red;">请上传证件/文件有效区照片，非有效区域请删除，证件/文件请旋转至正确示例图角度</span>
    </ul>
 </div>
</div>
<!--图片上传样例-->

<script>
// 单张上传照片  删除照片
 $(" .fileinput").change(function () {
      var file = this.files[0];
      readFile(file,$(this).parent().siblings(".on"));
 });
 $(".on").mouseover(function () {
      $(this).children(".xian").show();
     $(this).children(".chahao").show();
 });
 $(".on").mouseleave(function () {
     $(this).children(".xian").hide();
      $(this).children(".chahao").hide();
 });
$(".chahao").click(function () {
     $(this).next().remove();
     $(".xian").hide();
     $(".chahao").hide();
     $(this).parent().hide();
      $(this).parent().siblings(".addhao").show();
     $(this).parent().siblings(".addhao").children().val("");
 });
 var on =document.querySelector(".on");
 //    需要把阅读的文件传进来file element是把读取到的内容放入的容器
 function readFile(file,element) {
 //        新建阅读器
 var reader = new FileReader();
 //        根据文件类型选择阅读方式
 switch (file.type){
 case 'image/jpg':
 case 'image/png':
 case 'image/jpeg':
 case 'image/gif':
 reader.readAsDataURL(file);
 break;
}
 //        当文件阅读结束后执行的方法
 reader.addEventListener('load',function () {
 //         如果说让读取的文件显示的话 还是需要通过文件的类型创建不同的标签
 switch (file.type){
     case 'image/jpg':
    case 'image/png':
     case 'image/jpeg':
    case 'image/gif':
    var img = document.createElement('img');
    img.src = reader.result;
    element.append(img);
  //  element.siblings(".addhao").hide();
    element.show();
     break;
   }
  });
 }
 // 批量上传部分
 var piliang = document.querySelector('#piliang');
 var on = $(".on");
 piliang.addEventListener('change',function () {
 for (var i = 0;i < this.files.length;i++){
 var file = this.files[i];
 on.eq(i).children(".chahao").next().remove();
 readFile(file,on.eq(i));
 }
 });
 //
 var on = $(".on");
 $(".next").click(function () {
    for (var i = 0; i < 10; i++) {
    console.log(on[i].childNodes.length);
   if (on[i].childNodes.length==6){
//这个判断就是说明里面有多少个孩子，孩子不够数，不会生成相册
      }else{
           alert("上传照片不足3张");
          $(".next").attr("href","javascript:void(0)");
           return
            }
     $(".next").attr("href","生成相册.html");
    }
 });
</script>
<style>
         .kuang{
              display: inline-block;
              vertical-align: middle;
              box-shadow: inset 0px 1px 20px 5px #ddd;
              text-align: left;
              margin-right: 20px;
              margin-bottom: 20px;
              width: 165px;
              height: 165px;
          }
         .addhao{
			  width:280px!important;
			  height:22px!important;
              background: url(../img/add_photo_plus.png);
			  overflow:hidden;
			  position:relative;
			  cursor:pointer;
          }
		  .addhao .xzbtn{
			  width:78px;
			  height:20px;
			  position:absolute;
			  line-height:20px;
			  text-align:center;
			  border:1px solid #ebebeb;
			  border-radius:2px;
			  color:#333;
			  background:#fafafa;
			  display:block;
			  cursor:pointer;
			  font-size:12px;
			  }
		  .main-form .jbxx ul li .addhao input{
			  border:none;
			  padding:0;
			  width:80px;
			  height:22px;
			  overflow:hidden;
			  position:absolute;
			  left:0;
			  top:0;
			  opacity:0;
    		  -ms-filter: 'alpha(opacity=0)';
			  cursor:pointer;
			  } 
          .on{
             width: 273px;
    		 height: 123px;
    		 position: relative;
    		 display: inline-block;
    		 overflow: hidden;
   			 border: 1px solid #ebebeb;
   			 background: url(/member/templets/images/tx.jpg) center center no-repeat;
          }
          .xian{
              width: 165px;
              height: 165px;
              position: absolute;
              display: none;
              z-index: 2;
          }
          .chahao{
              position: absolute;
              width: 60px;
              height: 60px;
              top: 52.5px;
              left: 52.5px;
              display: none;
              z-index: 2;
          }
          .on img{
              max-width: 273px;
    		  max-height:123px;
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              margin:auto;
			  background:#fff;
			  max-width:273px;
			  max-height:174px;
          }
          .kuang input{
              width: 164px;
              height: 164px;
              opacity: 0;
          }
          .button{
              width: 500px;
              height: 36px;
              margin: 0 auto;
          }
          .button .set{
              float: left;
              width: 216px;
              height: 36px;
              background: #ddd;
              text-align: center;
             position: relative;
          }
          .set input{
              width: 216px;
              height: 36px;
              opacity: 0;
              position: absolute;
              top: 0;
              left: 0;
          }
          .button .next{
             float: right;
             width: 216px;
             height: 36px;
             background: red;
             color: white;
         }
         .bigk{
             width: 1000px;
             margin: 0 auto;
             text-align: center;
         }
   </style>
<script src="/laydate/laydate.js"></script> 
  <script>
lay('#version').html('-v'+ laydate.v);
//执行一个laydate实例
laydate.render({
  elem: '#chushengriqi' //指定元素
});
laydate.render({
  elem: '#shouzhuriqi' //指定元素
});
laydate.render({
  elem: '#fabingshijian' //指定元素
});
laydate.render({
  elem: '#quezhengshijian' //指定元素
});
laydate.render({
  elem: '#zhiliao1' //指定元素
});
laydate.render({
  elem: '#zhiliao2' //指定元素
});
laydate.render({
  elem: '#cengriqi3' //指定元素
});
laydate.render({
  elem: '#kangfu1shijian' //指定元素
});
laydate.render({
  elem: '#kfjs1' //指定元素
});
laydate.render({
  elem: '#kangfushijian2' //指定元素
});
laydate.render({
  elem: '#kfjs2' //指定元素
});
laydate.render({
  elem: '#kangfushijian3' //指定元素
});
laydate.render({
  elem: '#kfjs3' //指定元素
});
</script>
 </body>
</html>